<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>分类</title>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="category.css"/>
</head>
<body>
    <!--满屏显示-->
    <div class="jd_fullPage">
        <!--头部 开始-->
        <header class="jd_topBar">
            <a href="#" class="icon_back"></a>
            <form action="">
                <input type="search" autocomplete="off" placeholder="提前囤好货 3免1超实惠" />
            </form>
            <a href="#" class="icon_menu"></a>
        </header>
        <!--头部 结束-->
        <!--主体内容 开始-->
        <mian class="jd_category">
            <!--左边-->
            <div class="category_left">
                <!--滚动盒子 模拟滚动功能-->
                <div class="jd_scroll">
                    <ul>
                        <li class="now">热门推荐</li>
                        <li class="">潮流女装</li>
                        <li class="">品牌男装</li>
                        <li class="">内衣配饰</li>
                        <li class="">家用电器</li>
                        <li class="">电脑办公</li>
                        <li class="">手机数码</li>
                        <li class="">母婴频道</li>
                        <li class="">图书</li>
                        <li class="">家居家纺</li>
                        <li class="">居家生活</li>
                        <li class="">家具建材</li>
                        <li class="">热门推荐</li>
                        <li class="">潮流女装</li>
                        <li class="">品牌男装</li>
                        <li class="">内衣配饰</li>
                        <li class="">家用电器</li>
                        <li class="">电脑办公</li>
                        <li class="">手机数码</li>
                        <li class="">母婴频道</li>
                        <li class="">图书</li>
                        <li class="">家居家纺</li>
                        <li class="">居家生活</li>
                        <li class="">家具建材</li>
                    </ul>
                </div>
            </div>
            <!--右边-->
            <div class="category_right">
                <!--滚动盒子-->
                <div class="jd_scroll">
                    <div class="jd_scroll_con">
                        <div class="category_banner">
                            <a href="#"><img src="../images/banner_1.jpg" alt=""/></a>
                        </div>
                    </div>
                </div>
            </div>
        </mian>
        <!--主体内容 结束-->
    </div>
</body>
</html>